initUsers();

function initUsers() {
  $.ajax({
    url: '/role.do',
    method: 'GET',
    success: function (result) {
      if (result && result.length > 0) {
        for (var i = 0; i < result.length; i++) {
          var val = result[i];
          $(`<option>${val}</option>`).appendTo('select');
        }
      }
    }
  })
}



//通过INPUT调用图片预览
$('#myFile').change(function () {
  view(this.files);
})
//图片预览
function view(file_list) {

  //遍历图片列表
  for (let f of file_list) {

    //创建文件读取器
    let reader = new FileReader();

    //读取图片
    reader.readAsDataURL(f);

    //在onload事件（读取完成并成功）
    reader.onload = function (data) {

      //将图片数据给IMG标签
      $('#myPhoto').attr('src', data.target.result);
      $('#myBox figcaption').hide();
    }
  }
}
//通过拖拽效果调用图片预览
var box = $('#myBox')[0];
//拖拽的东西在本元素(box)范围内活动(HTML默认是不让活动)
box.ondragover = function (e) {
  //阻止HTML的默认行为
  e.preventDefault();
}
//拖拽的东西停留在本元素(box)中
box.ondrop = function (e) {
  e.preventDefault();

  //获取用户从电脑上拖拽进来的图片
  view(e.dataTransfer.files);
  // console.log(e.dataTransfer.files);
  //将拖拽得来的文件给INPUT存一份
  $('#myFile').attr('files', e.dataTransfer.files);
}


// 添加员工
$('#addBtn').click(function () {
  let name = $('#name').val().trim();
  let age = $('#age').val();
  let sex = $('input[name = sex]:checked').val();
  let phone = $('#phone').val();
  let idCard = $('#idCard').val();
  let role = $('#role_select').val();
  let state = 1;
  let photo = document.querySelector('#myFile').files[0];
  var formData = new FormData();
  formData.append('name', name);
  formData.append('state', state);
  formData.append('age', age);
  formData.append('sex', sex);
  formData.append('phone', phone);
  formData.append('idCard', idCard);
  formData.append('role', role);
  formData.append('photo', photo);
  $.ajax({
    url: '/employee_2.do',
    method: 'POST',
    data: formData,
    processData: false, //告诉jQuery不要去处理发送的数据。
    contentType: false, //告诉jQuery不要去设置Content-Type请求头
    success: function (result) {
      if (result == 'success') {
        location.href = 'employee.html';
      }
    }
  })
})


// // 修改员工数据
getParams();

function getParams() {

  let id = location.search.split('=')[1];
  if (!id) {
    $('#myTitle').html('添加员工信息');

  } else {
    $('#myTitle').html('修改员工信息');
    // $('#alter_btn').html('修改');
    $.get('/query.do', {
      id
    }, function (empls) {
      $('#name').val(empls.name);
      $('#age').val(empls.age);
      $('#phone').val(empls.phone);
      $('#idCard').val(empls.idCard);
      $('#role_select').val(empls.role);
      $('input[value=' + empls.sex + ']').prop('checked', true);
      $('#myPhoto').attr('src', '/assets/img/' + empls.photo);
      $('#myPhoto').siblings('figcaption').hide();
    });

  }
}